{% extends 'base.html' %}
{% load static %}
{% block title %}用户管理 - 操作记录{% endblock %}
{% block content %}
<section class="content">
<div class="container-fluid p-2">
    <div class="row">
        <div class="col-6 center">
            <div class="card card-danger">
                <div class="card-header">
                    <h3 class="card-title">导入用户</h3>
                </div>
                <form id="put" method="post" enctype="multipart/form-data">
                <div class="card-body">
                    <div class="form-group">
                        <label class="label">需要导入的用户：</label>
                        <div class="input-group">
                            <div class="custom-file">
                            <input type="file" class="custom-file-input" id='file' name='file'>
                            <label class="custom-file-label" for="file"></label>
                        </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="submit" class="form-control btn-success">
                    </div>
                    <div class="form-group">
                        <label class="text-warning">提醒：</label><br>
                        <label class="text-info">1，请按<a href="{% static 'import_template/login/用户导入模板.xlsx' %}">导入模板</a>的格式要求填写用户信息；</label><br>
                        <label class="text-info">2，姓名、手机号和邮箱属唯一字段，不可有重复；</label><br>
                        <label class="text-info">3，导入前请确认部门已经存在，不存在则无法导入。</label><br>
                    </div>
                </div>
                    {% csrf_token %}
                </form>
            </div>
        </div>
    </div>
</div>

</section>
{% block custom_js %}
<script>
//post提交的csrf认证
$.ajaxSetup({
    data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});
 // 提交，FORM  ID
$("#put").submit(function () {
    var options = {
        success: showRespone,  //ajaxForm提交成功后，执行函数
        resetForm: false,      //执行完毕后是否重设表单
        datetype: 'json',      //数据类型
    }
    $("#put").ajaxSubmit(options);
    return false;
})

function showRespone(data) {
    if(data.status === 1){
        //操作成功
        layui.use('layer',function () {
            var layer=layui.layer;
            info = data.info
            layer.alert(info,{
                icon: 6,
                btn: '确定',
                skin: 'layer-ext-moon',
                yes: function () {
                    window.location.href="{% url 'login:user_list' %}"
                },
            })
        })
    }else {
        //操作失败
        layui.use('layer',function () {
            var layer=layui.layer;
            info = data.info
            layer.alert(info,{
                icon: 5,
                skin: 'layer-ext-moon',
            })
        })
    }
}
</script>
<script type="text/javascript">
    $(document).ready(function () {
        bsCustomFileInput.init();
        });
</script>
{% endblock %}
{% endblock %}